<script setup lang='ts'>
const visible = defineModel<boolean>()
</script>

<template>
  <el-dialog
    v-model="visible"
    title="挂起时长"
    width="300"
    :before-close="() => visible = false"
  >
    <el-form label-width="auto">
      <el-form-item>
        <el-select placeholder="">
          <el-option label="6小时" value="6小时" />
          <el-option label="8小时" value="8小时" />
          <el-option label="12小时" value="12小时" />
          <el-option label="1天" value="1天" />
          <el-option label="2天" value="2天" />
          <el-option label="3天" value="3天" />
          <el-option label="5天" value="5天" />
          <el-option label="1周" value="1周" />
          <el-option label="2周" value="2周" />
        </el-select>
      </el-form-item>
    </el-form>
    <template #footer>
      <span>
        <el-button @click=" visible = false">取消</el-button>
        <el-button type="primary" @click="visible = false">确定</el-button>
      </span>
    </template>
  </el-dialog>
</template>

<style scoped lang='scss'>

</style>
